    
    <div id="masthead">  
      <div class="container">
          <div class="row">
            <div class="col-md-7">
              <h1>Bootstrap Themes &amp; Templates</h1>
              <p class="lead">The largest open-source, free Bootstrap template collection</p>
              
              <ul class="list-inline">
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                <li><a href="https://twitter.com/BootstrapZero" class="twitter-follow-button" data-show-count="true" data-lang="en">@BootstrapZero</a></li>
                <li><a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-show-count="true" data-url="http://www.bootstrapzero.com" data-related="BootstrapZero" data-text="@BootstrapZero: Incredible free templates and themes for Bootstrap 3">BootstrapZero</a></li>
                <li>
                  <a class="gh-btn" id="gh-btn" href="https://github.com/iatek/bootstrap-zero" target="_blank"><span class="fa fa-github fa-lg"></span> Fork</a>
                </li>
                <li>
                  <a class="gh-btn" id="gh-btn" href="https://github.com/iatek/bootstrap-zero" target="_blank"><span class="fa fa-github fa-lg"></span> Star</a>
                </li>
             </ul>
              
            </div>
            <div class="col-md-5">
                <!-- ad space -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="well pull-right"> 
                            <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/55998/azcarbon_2_1_0_HORIZDARK"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
      </div><!-- /cont -->
    </div>
    
    <div class="container" id="main">
      <!--
        <div class="alert alert-info">
          <button type="button" class="close" data-dismiss="alert">×</button>
          Love Responsive Design Frameworks Like Bootstrap and Foundation? Try <a href="http://www.codeply.com/" target="ext"><strong>Codeply</strong></a>.
        </div>-->
	    
        <div class="row" id="custom">
      		<div class="col-md-12">
      			<h2>Custom Bootstrap Templates</h2>
                <p>Get a less Bootstrap-y look with these custom themes</p>
                <hr>
      		</div>
      	</div>
      	<div class="row">
      	    <% for(i in themes.slice(0,24)) {%>
  			    <div class="col-sm-4">
            	<div class="panel panel-default">
                	<div class="panel-heading"><h3><a href="/bootstrap-template/<%=themes[i].title.toLowerCase().replace(/\s/g,"-")%>"><%=themes[i].title%></a></h3></div>
              	<div class="panel-body"><a href="/bootstrap-template/<%=themes[i].title.toLowerCase().replace(/\s/g,"-")%>"><img src="<%=themes[i].imgUrl%>" alt="<%=themes[i].tags%>" class="img-responsive" /></a></div>
              	<div class="panel-footer"><strong><%=themes[i].short%></strong></div>
              </div>              
      		</div>
      		<% } %>
      		<div class="col-md-12 text-center"><a href="http://www.bootstrapzero.com/bootstrap-templates" class="btn btn-success btn-lg">More Bootstrap Themes and Templates <i class="fa fa-chevron-right"></i></a></div>
      		<hr>
        </div>
        
        <div class="row" id="starters">
      		<div class="col-md-12">
      			<h2>Starter Templates</h2>
                <p>Kickstart your Bootstrap design with these clean, standard templates.</p>
                <hr>
      		</div>
      	</div>
      	<div class="row">
      	    <% for(i in starters.slice(0,12)) {%>
  			<div class="col-sm-6">
              	<div class="panel panel-default">
                  	<div class="panel-heading"><h3><a href="/bootstrap-template/<%=starters[i].title.toLowerCase().replace(/\s/g,"-") %>"><%=starters[i].title%></h3></a></div>
                	<div class="panel-body"><a href="/bootstrap-template/<%=starters[i].title.toLowerCase().replace(/\s/g,"-")%>"><img src="<%=starters[i].imgUrl%>" alt="<%=starters[i].tags%>,bootstrap template" class="img-responsive" /></a></div>
                	<div class="panel-footer"><strong><%=starters[i].short%></strong></div>
                </div>              
      		</div>
      		<% } %>
        </div>
        
        
        <div class="row" id="tags">
            <div class="col-md-12 text-center"><a href="http://www.bootstrapzero.com/bootstrap-templates/starter" class="btn btn-success btn-lg">All Starter Templates <i class="fa fa-chevron-right"></i></a></div>
            <hr>
      		<div class="col-md-12">
      		    <hr>
      			<h3>Browse Templates by Tag</h3>
                <p></p>
                <h4>
                    <a href="/bootstrap-templates/theme" class="label label-default" target="ext">theme</a> 
                    
                    <a href="/bootstrap-templates/scroll" class="label label-default" target="ext">scroll</a> 
                    
                    <a href="/bootstrap-templates/one-page" title="single page app templates" class="label label-default" target="ext">one-page</a> 
                    
                    <a href="/bootstrap-templates/admin" title="dashboard and control panel templates" class="label label-default" target="ext">admin</a> 
                    
                    <a href="/bootstrap-templates/background" class="label label-default" target="ext">background</a> 
                    
                    <a href="/bootstrap-templates/business" class="label label-default" target="ext">business</a> 
                    
                    <a href="/bootstrap-templates/full" class="label label-default" target="ext">full</a> 
                    
                    <a href="/bootstrap-templates/fixed" class="label label-default" target="ext">fixed</a> 
                    
                    <a href="/bootstrap-templates/google-maps" class="label label-default" target="ext">google-maps</a> 
                    
                    <a href="/bootstrap-templates/login" class="label label-default" target="ext">login</a> 
                    
                    <a href="/bootstrap-templates/form" class="label label-default" target="ext">form</a> 
                    
                    <a href="/bootstrap-templates/footer" class="label label-default" target="ext">footer</a>
                    
                    <a href="/bootstrap-templates/contact" class="label label-default" target="ext">modal</a> 
                    
                    <a href="/bootstrap-templates/navbar" class="label label-default" target="ext">navbar</a> 
                    
                    <a href="/bootstrap-templates/map" class="label label-default" target="ext">map</a> 
                    
                    <a href="/bootstrap-templates/lightbox" class="label label-default" target="ext">lightbox</a> 
                    
                    <a href="/bootstrap-templates/slider" class="label label-default" target="ext">slider</a> 
                    
                    <a href="/bootstrap-templates/gallery" class="label label-default" target="ext">gallery</a> 
                    
                    <a href="/bootstrap-templates/sidebar" class="label label-default" target="ext">sidebar</a> 
                    
                    <a href="/bootstrap-templates/affix" class="label label-default" target="ext">affix</a> 
                    
                    <a href="/bootstrap-templates/contact" class="label label-default" target="ext">contact</a> 
                    
                    <a href="/bootstrap-templates/bootswatch" class="label label-default" target="ext">bootswatch</a> 
                    
                    <a href="/bootstrap-templates/bootply" class="label label-default" target="ext">bootply</a> 
                    
                    <a href="/bootstrap-templates/blacktie" class="label label-default" target="ext">blacktie</a> 
                    
                    <a href="/bootstrap-templates/bootstraptaste" class="label label-default" target="ext">bootstraptaste</a> 
                </h4>
                <hr>
      		</div>
      	</div>
    </div>
